<template>
  <div class="com-container">
    <div class="ad-top">
      <ul>
        <li>{{ admissionCount }}</li>
        <li>{{totalCount}}</li>
      </ul>
    </div>
    <div class="ad-bottom">
      <ul>
        <li>报到人数</li>
        <li>总人数</li>
      </ul>
    </div>
  </div>
</template>
<script>
export default {
  props: ['totalCount','admissionCount'],
}
</script>
<style lang="less" scoped>
.ad-top {
  ul {
    display: flex;
    li {
      flex: 1;
      height: 4rem;
      font-size: 3.5rem;
      line-height: 4rem;
      text-align: center;
      list-style: none;
      font-family: 'electronicFont';
    }
  }
}
.ad-bottom {
  ul {
    display: flex;
    li {
      flex: 1;
      text-align: center;
      list-style: none;
    }
  }
}
@font-face {
  font-family: electronicFont;
  src: url(../../../public/static/fonts/DS-DIGIT.TTF);
}
</style>
